Pink Haven

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

Relaxation <style> .ph-container {max-width:400px;margin:auto;text-align:center;font-family:Arial;} textarea {width:90%;height:60px;margin:5px;border-radius:10px;padding:5px;} button {padding:6px 12px;border:none;background:#ffb6c1;color:#222;border-radius:10px;margin-top:5px;} .ph-post {background:#ffeef2;margin:6px;padding:8px;border-radius:10px;text-align:left;} .ph-meta {font-size:12px;color:#555;} </style> <div class="ph-container"> <h3>🪷 Relaxation Room 🪷</h3> <p>share something that helps you relax 💬</p> <div id="posts"></div> <textarea id="msg" placeholder="type your message here..."></textarea><br> <button onclick="addPost('relax')">post</button> </div> <script> function getPostsKey(room){ return room+'_posts'; } function loadPosts(room){ return JSON.parse(localStorage.getItem(getPostsKey(room)) || '[]'); } function savePosts(room, posts){ localStorage.setItem(getPostsKey(room), JSON.stringify(posts)); } function renderPosts(room){ const el = document.getElementById('posts'); const posts = loadPosts(room); if(posts.length === 0){ el.innerHTML = '<p style="color:#999;">no messages yet 💕</p>'; return; } el.innerHTML = posts.map(p => ` <div class="ph-post"> <div class="ph-meta">${new Date(p.time).toLocaleString()}</div> <div class="ph-msg">${p.text}</div> </div> `).join(''); } function addPost(room){ const msg = document.getElementById('msg').value.trim(); if(!msg){alert('please write something first 💗');return;} const posts = loadPosts(room); posts.unshift({text: msg, time: new Date().toISOString()}); savePosts(room, posts); document.getElementById('msg').value = ''; renderPosts(room); } // 🚀 moto fix: auto render for this room on load window.PinkHaven = window.PinkHaven || {}; window.PinkHaven.renderPosts = renderPosts; setTimeout(() => window.PinkHaven.renderPosts('relax'), 100); </script> [[⬅ back to main hall->Start]]

:: Advice Corner <style> .ph-container {max-width:400px;margin:auto;text-align:center;font-family:Arial;} textarea {width:90%;height:60px;margin:5px;border-radius:10px;padding:5px;} button {padding:6px 12px;border:none;background:#cde8ff;color:#222;border-radius:10px;margin-top:5px;} .ph-post {background:#e9f4ff;margin:6px;padding:8px;border-radius:10px;text-align:left;} .ph-meta {font-size:12px;color:#555;} </style> <div class="ph-container"> <h3>💬 Advice Corner 💬</h3> <p>share helpful advice or encouragement for others 💭</p> <div id="posts"></div> <textarea id="msg" placeholder="type your advice here..."></textarea><br> <button onclick="addPost()">share</button> </div> <script> if(!localStorage.getItem('advice_posts')){ localStorage.setItem('advice_posts','[]'); } function loadPosts(){ return JSON.parse(localStorage.getItem('advice_posts') || '[]'); } function savePosts(p){ localStorage.setItem('advice_posts',JSON.stringify(p)); } function renderPosts(){ const el = document.getElementById('posts'); const posts = loadPosts(); if(posts.length === 0){ el.innerHTML = '<p style="color:#999;">no advice yet 🩵</p>'; return; } el.innerHTML = posts.map(p => ` <div class="ph-post"> <div class="ph-meta">${new Date(p.time).toLocaleString()}</div> <div class="ph-msg">${p.text}</div> </div> `).join(''); } function addPost(){ const msg = document.getElementById('msg').value.trim(); if(!msg){alert('please write something first 💬');return;} const posts = loadPosts(); posts.unshift({text: msg, time: new Date().toISOString()}); savePosts(posts); document.getElementById('msg').value = ''; renderPosts(); } renderPosts(); </script> [[⬅ back to main hall->Start]]

:: Positive Garden <style> .ph-container {max-width:400px;margin:auto;text-align:center;font-family:Arial;} textarea {width:90%;height:60px;margin:5px;border-radius:10px;padding:5px;} button {padding:6px 12px;border:none;background:#c8f7c5;color:#222;border-radius:10px;margin-top:5px;} .ph-post {background:#eafbea;margin:6px;padding:8px;border-radius:10px;text-align:left;} .ph-meta {font-size:12px;color:#555;} </style> <div class="ph-container"> <h3>🌸 Positive Garden 🌸</h3> <p>plant some positivity — leave a kind or uplifting message 💚</p> <div id="posts"></div> <textarea id="msg" placeholder="type your positive thought here..."></textarea><br> <button onclick="addPost()">plant</button> </div> <script> if(!localStorage.getItem('garden_posts')){ localStorage.setItem('garden_posts','[]'); } function loadPosts(){ return JSON.parse(localStorage.getItem('garden_posts') || '[]'); } function savePosts(p){ localStorage.setItem('garden_posts',JSON.stringify(p)); } function renderPosts(){ const el = document.getElementById('posts'); const posts = loadPosts(); if(posts.length === 0){ el.innerHTML = '<p style="color:#999;">no messages yet 🌱</p>'; return; } el.innerHTML = posts.map(p => ` <div class="ph-post"> <div class="ph-meta">${new Date(p.time).toLocaleString()}</div> <div class="ph-msg">${p.text}</div> </div> `).join(''); } function addPost(){ const msg = document.getElementById('msg').value.trim(); if(!msg){alert('please write something first 🌷');return;} const posts = loadPosts(); posts.unshift({text: msg, time: new Date().toISOString()}); savePosts(posts); document.getElementById('msg').value = ''; renderPosts(); } renderPosts(); </script> [[⬅ back to main hall->Start]]

<div style="text-align:center; font-family:Arial; color:#333;"> <h2>🎀 Welcome to Pink Haven 🎀</h2> <p>your safe, cozy corner to unwind, share, and connect 💗</p> <p>choose where you’d like to go:</p> <p> [[🌸 Positive Garden->Garden]]<br> [[💬 Advice Corner->Advice Corner]]<br> [[🪷 Relaxation Room->Room]] </p> <hr style="width:70%; border:1px solid pink;"> <p style="font-size:13px; color:#777;"> tip: you can always go back here after each visit 🏠 </p> </div> <style> body { background: linear-gradient(180deg, #ffd6e8 0%, #fff6fa 100%); } </style>